﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <meta name="format-detection" content="telephone=no">
    <title></title>
    <link rel="stylesheet" href="/css/custom.css" />
</head>
<body>
    <div class="header min-header">
        <div class="headinfobox">
            <div class="column">
                <div class="columnpic"></div>
                <div class="jrjl thisclass">
                    <a href="health.php">今日记录</a>
                </div>
            </div>
            <div class="column headinfo">
                <dl>
                    <dt><img src="/img/healthicon.png"></dt>
                    <dd><h2>健康</h2></dd>
                </dl>
            </div>
            <div class="column">
                <div class="backhome">
                    <!-- <a href="/index.php">返回首页></a> -->
                    <a href="/chart">返回首页></a>
                </div>
                <div class="history">
                    <a href="healthhistory.php">历史记录>></a>
                </div>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="infobox" style="border-bottom:0px solid #1f2c51;padding-bottom:15px">
            <div ><img src="/img/health/takepills.png" /><span>吃药</span></div>
            <div id="takepillsChart" style="height:70px;"></div>
        </div>
        <div class="infobox" style="border-bottom:0px solid #1f2c51;padding-bottom:15px">
            <div><img src="/img/health/bloodpressure.png" /><span>血压</span></div>
            <div id="bloodpressureChart" style="height:200px;"></div>
        </div>
        <div class="infobox" style="border-bottom:0px solid #1f2c51;padding-bottom:15px">
            <div><img src="/img/health/heartrate.png" /><span>心率</span></div>
            <div id="heartrateChart" style="height:200px;"></div>
        </div>
        <div class="infobox">
            <div class="infotitle">
                今日列表
            </div>
            <div class="infocon">
                <div class="columncenter">
                    <dl class="divcolumn2-5">
                        <dt class="divcolumn10">
                            <span class="divcolumn10">吃药</span>
                        </dt>
                        <dd id="takepillsInfo" class="divcolumn10" v-for="item in items"><span class="divcolumn10">{{ item | formatTime }}</span></dd>
                        <dd id="takepillsInfo_Error" style="display:none;"></dd>
                    </dl>
                </div>
                <div  class="columncenter">
                    <dl class="divcolumn10">
                        <dt class="divcolumn6 pullleft leftcolumn2">
                            <span class="divcolumn3-3 pullleft">血压</span>
                            <span class="divcolumn3-3 pullleft">低压</span>
                            <span class="divcolumn3-3 pullleft">心率</span>
                        </dt>
                        <dd class="divcolumn8 pullleft">
                            <div id="bloodpressureInfo" v-for="item in items">
                                <span class="divcolumn2-5 pullleft">{{ item[0] | formatTime }}</span>
                                <span class="divcolumn2-5 pullleft bluetext">{{ item[1] }}</span>
                                <span class="divcolumn2-5 pullleft bluetext">{{ item[2] }}</span>
                                <span class="divcolumn2-5 pullleft bluetext">{{ item[3] }}</span>
                            </div>
                            <div id="bloodpressureInfo_Error" style="display:none;"></div>
                        </dd>
                    </dl>
                </div>

                <div class="headinfobox" style="width:100%; text-align: center;display: block; ">
                    <a href="http://www.laoyou1.me/chart/views/safe.php"><img src="/img/upbtn.png" height="50"></a>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script type="text/javascript" src="/js/vue/vue.min.js"></script>
    <script type="text/javascript" src="/js/vue/vue.filters.extend.js"></script>
    <script type="text/javascript" src="/js/getdata.js"></script>
    <script type="text/javascript" src="/js/common.js"></script>
    <script type="text/javascript" src="/js/ChartBase.js"></script>
    <script type="text/javascript" src="/js/health.js"></script>
</body>
</html>
